<!DOCTYPE html>
<html style="width:100%;height:100%;">
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body style="width:100%; height:100%; margin:0px;">
	
		
		<button onclick="document.getElementById('myImage').src='./img/自检动画2.gif'">停止</button>
		
		<img id="myImage" border="0" src="./img/自检动画2.gif" style="text-align:center;">
		
		<button onclick="document.getElementById('myImage').src='./img/自检动画.gif'">启动</button>

		<div style="width:30%;height:40%;position:relative;padding-left:35%;padding-top:20%;">
			<div style="width:100%; text-align:center; font-size:20px; font-weight:8; padding-bottom:2%;">我的第一个Javascript</div>
			<button 
			style="border:solid 1px #9ce8cd;width:100%; height:10%; background:linear-gradient(180deg,rgba(224,241,237,1) ,rgba(193,227,226,1));" 
			 onclick="document.getElementById('demo').innerHTML = Date()">点击这里显示时间</button>
			<div style="float:left; padding-left:50%;">
				<p id="demo"></p>
			</div>
		</div>
	</body>
</html>
